<%- include header%>

<div class="pub_tra">
	<div class="container">
		<h3 style="text-align:center">发表游记</h3>
		<div class="col-lg-10 col-sm-10 col-md-10 col-sm-10" style="left: 8%; height: 700px;">
			<form method="post" action="/dopub">
				<h4>标题：</h4><input type="text" name="title" class="form-control" placeholder="不超过20字" />
				<h4>地点：</h4><input type="text" name="area" class="form-control" placeholder="旅游地点" />
				<!--<h4 >时间：</h4><input type="date" name="time" class="form-control" placeholder="日期格式：2015-09-20" value="2015-09-20"/>-->
				<h4>正文：
				<a title="上传" href="/upload" class="btn btn-default"  data-toggle="modal" data-target="#myModal">上传图片</a>
				</h4>
				<textarea name="article">
				</textarea>
				<button type="submit" class="btn btn-success btn-lg" style="margin-top: 30px; margin-left: 40%;">发表</button>

			</form>
			</div>
			<!--//点击上传后 弹出的模态框-->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="padding-left: 30%;">×</button>
							<h4 class="modal-title" id="myModalLabel">上传图片</h4>
						</div>
						<form method="post" action="/upload" enctype="multipart/form-data">
						<div class="modal-body">
							<input type="file" name="file1" />
						</div>
						<div class="modal-footer">
							<input type="submit" class="btn btn-primary" value="上传"></input>
						</form>
						</div>
					</div>
				</div>
			</div>
			
			
		
	</div>
</div>

<%- include footer%>
<!--<link rel="stylesheet" href="/stylesheets/bootstrap-responsive.css" />
<link rel="stylesheet" href="/stylesheets/bootstrap-combined.min.css" />
<link rel="stylesheet" href="/stylesheets/font-awesome-ie7.css" />
<link rel="stylesheet" href="/stylesheets/font-awesome.css" />-->
<link rel="stylesheet" href="/stylesheets/pub_tra.css" />

<!--<script type="text/javascript" src="/javascripts/bootstrap-wysiwyg.js" ></script>
<script type="text/javascript" src="/javascripts/editer.js" ></script>
<script type="text/javascript" src="/javascripts/jquery.hotkeys.js" ></script>-->